import React, {Component} from 'react';
import '../../component/Questionnaire.css';

/**
 * 课题组3 能源消耗
 * @autuhor zm
 */
export default class ResultTable3 extends Component {


    render() {
        //定义input的value数组
        const data = this.props.group1Data;
        console.log("data")
        console.log(data)
        console.log("data")
        const hiddenData = "*****";//显示隐藏信息的占位符
        return (
            <div>
                <div className="first">
                    <h2 style={{textAlign: 'center'}}>***资源消耗数据</h2><br/>
                    <table className="table5">

                        <th>ID：</th>
                        <td style={{width: '12.5%'}}>
                            {data.projectId}


                        </td>

                        <th>企业名称：</th>
                        <td style={{width: '12.5%'}}>
*****
                            {

                            }

                        </td>

                        <th>国家：</th>
                        <td style={{width: '12.5%'}}>
                            {data.country}
                        </td>

                        <th>省：</th>
                        <td style={{width: '12.5%'}}>
                            {data.province}
                        </td>


                    </table>
                    <table className="table6">
                        <tr>
                            <th>资源归类编码：</th>
                            <td style={{width: '12.5%'}}>
                                {data.resourceId}
                            </td>

                            <th>生产线编号：</th>
                            <td style={{width: '12.5%'}}>
                                {data.productionLine}
                            </td>

                            <th>熟料设计产能：</th>
                            <td style={{width: '12.5%'}}>
                                {data.designProductionCapacity}
                            </td>
                        </tr>
                    </table>
                </div>

                <div className="second">
                    <table border="3" className="table1">
                        <tr>
                            <th rowSpan='4' style={{width: '2%'}}>基<br/>本<br/>信<br/>息</th>
                            <th rowSpan='2' style={{width: '10%'}}>信息</th>
                            <td>保存单位</td>
                            <td>资源提供者</td>
                            <td>资源提供时间</td>
                            <td>共享方式</td>
                            <td>获取途径</td>
                            <td>联系人</td>
                        </tr>
                        <tr>
                            <td>
                                {data.saveDepartment}
                            </td>
                            <td>
                                {data.resourceProvide}
                            </td>
                            <td>
                                {data.resourceProvideTime}
                            </td>
                            <td>
                                {data.sharingMode}
                            </td>
                            <td>
                                {data.accessWay}
                            </td>
                            <td rowSpan="3">
                                {data.linkman}
                            </td>
                        </tr>

                        <tr>
                            <th rowSpan='2' style={{width: '10%'}}>信息</th>
                            <td>
                                单位
                            </td>
                            <td>
                                地址
                            </td>
                            <td>
                                邮编
                            </td>
                            <td>
                                电话
                            </td>
                            <td style = {{width: '20%'}}>
                                E-mail
                            </td>
                        </tr>

                        <tr>
                            <td>
                                {data.department}
                            </td>
                            <td>
                                {data.address}
                            </td>
                            <td>
                                {data.postalCode}
                            </td>
                            <td>
                                {data.phone}
                            </td>
                            <td>
                                {data.email}
                            </td>
                        </tr>

                    </table>
                    <table border="3" className="table2">
                        <tr>
                            <th rowSpan='3'>工序电耗</th>
                            <th>项目</th>
                            <th>生料制备<br/>工序电耗</th>
                            <th>熟料煅烧<br/>工序电耗</th>
                            <th>水泥粉磨<br/>工序电耗（42.5）</th>
                            <th rowSpan='3'>信息</th>
                            <th>海拔</th>
                            <th>实际产能</th>
                            <th>标煤耗</th>
                        </tr>
                        <tr>
                            <th>单位</th>
                            <td>kWh/t</td>
                            <td>kWh/t</td>
                            <td>kWh/t</td>
                            <td>m</td>
                            <td>t/d</td>
                            <td>kgce/t</td>
                        </tr>
                        <tr>
                            <th>数值</th>
                            <td>
                                {data.gxdh_shengliaozb}
                            </td>
                            <td>
                                {data.gxdh_shouliaods}
                            </td>
                            <td>
                                {data.gxdh_shuinifm}
                            </td>
                            <td>
                                {data.altitude}
                            </td>
                            <td>
                                {data.real_capacity}
                            </td>
                            <td>
                                {data.biaomeihao}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        )
    }

}




